/* 这是reset，去掉浏览器的默认样式，*匹配所有元素 */
* {
  margin: 0;
  padding: 0;
}

/* 直接匹配标签名 */
body {
  padding: 20px;
  background: 
}

h1 {
  padding: 30px;
  background: dimgray
}

/* 匹配id是head的元素，一般HTML中id是不应该重复的 */
#head {
  text-align: center middle;
  background: dimgray;
}

/* 匹配class里有red的元素，class可以有多个 */
.red {
  color: red;
}

.blue {
  color: turquoise;
}

.white{
  color: white;
}

.para-1 {
  margin: 0 0;
}

.flex {
  display: flex;
}

.flex > * {
  padding: 50px;
}

.flex-0 {
  padding-top: 120px;
  flex: 1;
  font-size: 50px;
  text-align: center;
  background: lavenderblush;
}

.flex-1 {
  flex: 2;
  background: lemonchiffon;
  padding-top: 60px;
  width: 100px;
  text-align: center;
}

.flex-2 {
  flex: 2;
  background: lightcyan;
  width: 100px;
  text-align: center;
}

img {
  width: 250px;
}

p {
  text-align: center;
}